<div class="instrucoesConteudo floatLeft">
	<h3>Vendas</h3>
	<p>
		É necessário o preencimento de todos os campos para inclusão de uma venda.
	</p>
</div>
<div class="bgCinzaMedio widthFull floatLeft marginBottom20 labelLaranja">
	<form action="CrudVendas.php?a=post" class="formulario floatLeft displayBlock" method="post">
		<fieldset>
			<div class="mensErroForms widthFull">{$MENS_ERRO_CODIGO}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Código:</label>
				<input type="text" name="cod_venda" id="cod_venda" class="inputText150" maxlength="200" value="{$cod_venda}"/>
			</div>
			<div class="mensErroForms widthFull">{$MENS_ERRO_CLIENTE}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Nome do cliente:</label>
				<input type="text" name="nome_cliente" id="nome_cliente" class="inputText410" maxlength="200" value="{$nome_cliente}"/>
			</div>

			<div class="mensErroForms widthFull">{$MENS_ERRO_CPF}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label style="width: 120px; margin-left: -20px">CPF Responsável Venda:</label>
				<input type="text" name="cpf_usuario" id="cpf_usuario" maxlength="18" class="inputText410" value="{$cpf_usuario}"/>
						
			</div>
			<div class="mensErroForms widthFull">{$MENS_ERRO_DT_VENDA}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Data da Venda:</label>
				<input type="text" name="data_venda" id="data_venda" onblur="javascript:Mascara(this, Data);" onkeypress="javascript:Mascara(this, Data);" 
					class="inputText150" maxlength="10" value="{$data_venda}"/>
			</div>
			{literal}
			<script>
			$(function() {
				$( "#data_venda" ).datepicker({
					showOn: "button",
					buttonImage: "../imgs/calendar.gif",
					buttonImageOnly: true
				});
			});
			</script>
			{/literal}
			<div class="mensErroForms widthFull">{$MENS_ERRO_VALOR_VENDA}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Valor da Venda:</label>
				<input type="text" name="valor_venda" id="valor_venda" onkeypress="return(moeda(this,event))" class="inputText150" maxlength="10" value="{$valor_venda}"/>
			</div>
			
			<div class="mensErroForms widthFull">{$MENS_ERRO_DT_ENTREGA}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Data Entrega:</label>
				<input type="text" name="data_entrega" id="data_entrega" onblur="javascript:Mascara(this, Data);"
					onkeypress="javascript:Mascara(this, Data);" 
					class="inputText150" maxlength="10" value="{$data_entrega}"/>
			</div>			
			{literal}
			<script>
			$(function() {
				$( "#data_entrega" ).datepicker({
					showOn: "button",
					buttonImage: "../imgs/calendar.gif",
					buttonImageOnly: true
				});
			});
			</script>
			{/literal}
			<div class="floatLeft heigth30 marginTop10"">
				<label>Valor Líquido:</label>
				<input type="text" name="valor_liquido" id="valor_liquido" class="inputText150" maxlength="10" onkeypress="return(moeda(this,event))" value="{$valor_liquido}"/>
			</div>	
			<div class="mensErroForms widthFull">{$MENS_ERRO_VALOR_RESERVA}</div>
			<div class="floatLeft heigth30 marginTop10"">
				<label>Valor Reserva Técnica:</label>
				<input type="text" name="valor_reserva_tec" id="valor_reserva_tec" class="inputText150" maxlength="10" 
					onkeypress="return(moeda(this,event))" value="{$valor_reserva_tec}"/>
			</div>					
			<div class="floatLeft heigth30 marginTop10">
				<label>Quantidade Pontos:</label>
				<input type="text" name="qtd_pontos" id="qtd_pontos" class="inputText150" maxlength="20" value="{$qtd_pontos}"/>
			</div>
			<div class="mensErroForms widthFull">{$MENS_ERRO_DATA_VENC_PONTOS}</div>
			<div class="floatLeft heigth30 marginTop10">
				<label>Data Venc. Pontos:</label>
				<input type="text" name="data_venc_pontos" onblur="javascript:Mascara(this, Data);" onkeypress="javascript:Mascara(this, Data);" 
					id="data_venc_pontos" class="inputText150" maxlength="10" value="{$data_venc_pontos}"/>
			</div>
			{literal}
			<script>
			$(function() {
				$( "#data_venc_pontos" ).datepicker({
					showOn: "button",
					buttonImage: "../imgs/calendar.gif",
					buttonImageOnly: true
				});
			});
			</script>
			{/literal}
			<div class="mensErroForms widthFull">{$MENS_ERRO_DT_RESERVA}</div>
			<div class="floatLeft heigth40 marginTop10">
				<label>Data Pag. Reserva Técnica:</label>
				<input type="text" name="data_pgto_reserva_tec" id="data_pgto_reserva_tec" onblur="javascript:Mascara(this, Data);" 
				onkeypress="javascript:Mascara(this, Data);" class="inputText150" maxlength="10" value="{$data_pgto_reserva_tec}"/>
			</div>
			{literal}
			<script>
			$(function() {
				$( "#data_pgto_reserva_tec" ).datepicker({
					showOn: "button",
					buttonImage: "../imgs/calendar.gif",
					buttonImageOnly: true
				});
			});
			</script>
			{/literal}
			<div class="widthFull floatLeft marginTop10 marginBottom20">
				<label>Tipo:</label>
				<div>
					<table style="font-size:12px;">
						<tr>
							<td><input type="radio" id="radio1" name="tipo" value="V" />Venda</td>
							<td><input type="radio" id="radio2" name="tipo" value="C" />Ponto/Pedido Cancelado</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="widthFull floatLeft heigth60 marginTop10">
				<input type="button" value="Voltar" class="marginLeft200"  onClick="confirmaPara('CrudVendas.php', 'Deseja realmente sair do formulário?')">
				<input type="submit" value="Salvar" class="marginLeft10">
			</div>
		</fieldset>
		<input type="hidden" name="id_vendas" value="{$id_vendas}" />
	
		{literal}
		<script type="text/javascript">
			$("#cpf_usuario").blur(function() {
				if($('#cpf_usuario').val().length == 11)
					Mascara(document.getElementById('cpf_usuario'), Cpf);
				else if($('#cpf_usuario').val().length >= 14)
					Mascara(document.getElementById('cpf_usuario'), Cnpj);
			}); 
		
			if($('#cpf_usuario').val().length == 11)
				Mascara(document.getElementById('cpf_usuario'), Cpf);
			else if($('#cpf_usuario').val().length >= 14)
				Mascara(document.getElementById('cpf_usuario'), Cnpj);


			function moeda(campo, e)  
			{  
			   var SeparadorDecimal = ","; 
			   var SeparadorMilesimo = ".";  
			   var sep = 0;  
			   var key = '';  
			   var i = j = 0;  
			   var len = len2 = 0;  
			   var strCheck = '0123456789';  
			   var aux = aux2 = '';  
			   var whichCode = (window.Event) ? e.which : e.keyCode;  
			      
			  
			  
			    
			   if (whichCode == 13) return true;  
			   key = String.fromCharCode(whichCode); // Valor para o código da Chave  
			    
			   if (strCheck.indexOf(key) == -1) return true; // Chave inválida  
			   len = campo.value.length;  
			   for(i = 0; i < len; i++)  
			  
			       if ((campo.value.charAt(i) != '0') && (campo.value.charAt(i) != SeparadorDecimal)) break;  
			   aux = '';  
			   for(; i < len; i++)  
			  
			       if (strCheck.indexOf(campo.value.charAt(i))!=-1) aux += campo.value.charAt(i);  
			   aux += key;  
			   len = aux.length;  
			  
			   if (len == 0) campo.value = '';  
			   if (len == 1) campo.value = '0'+ SeparadorDecimal + '0' + aux;  
			   if (len == 2) campo.value = '0'+ SeparadorDecimal + aux;  
			   if (len > 2) {  
			       aux2 = '';  
			       for (j = 0, i = len - 3; i >= 0; i--) {  
			           if (j == 3) {  
			               aux2 += SeparadorMilesimo;
			               j = 0;  
			           }  
			           aux2 += aux.charAt(i);  
			           j++;  
			       }  
			       campo.value = '';  
			       len2 = aux2.length;  
			       for (i = len2 - 1; i >= 0; i--)  
			       campo.value += aux2.charAt(i);  
			       campo.value += SeparadorDecimal + aux.substr(len - 2, len);  
			}  
			   return false;  
			  
			}  

		</script>
		{/literal}
	</form>
</div>

		